<template>
    <div class="device">
        <mt-header fixed title="设备清单管理" id="header1"></mt-header>
        <div class="back" @click="backPage">
            <img src="../../../public/image/back.png" alt="" />
        </div>
        <div class="deviceContent">
            <div class="attribute">
                <p>设备属性</p>
                <div class="img">
                    <img src="../../../public/image/timg.jpg" alt="">
                </div>
                <div class="information">
                    <el-form ref="form" :model="form" label-width="100px" id="form1">
                        <el-form-item label="站长">
                            <el-input v-model="form.name"></el-input>
                        </el-form-item>
                        <el-form-item label="最近维护时间">
                            <el-date-picker type="date" placeholder="yy-mm-dd" v-model="form.date3"></el-date-picker>
                        </el-form-item>
                        <el-form-item label="经度">
                            <el-input v-model="form.date1"></el-input>
                        </el-form-item>
                        <el-form-item label="纬度">
                            <el-input v-model="form.date2"></el-input>
                        </el-form-item>
                        <el-form-item label="站名">
                            <el-input v-model="form.delivery"></el-input>
                        </el-form-item>
                        <el-form-item label="联系地址">
                            <el-input v-model="form.resource"></el-input>
                        </el-form-item>
                        <el-form-item label="电话">
                            <el-input v-model="form.desc"></el-input>
                        </el-form-item>
                        <el-form-item label="服务方式">
                            <el-input v-model="form.type"></el-input>
                        </el-form-item>
                    </el-form>
                </div>
            </div>
            <div class="dangan">
                <p>设备故障信息</p>
                    <el-table :data="dataList" style="width: 100%">
                        <el-table-column type="index" fixed>
                        </el-table-column>
                        <el-table-column prop="name" label="设备名称" width="120" fixed>
                        </el-table-column>
                        <el-table-column prop="check" label="维护标准">
                        </el-table-column>
                        <el-table-column prop="zhouqi" label="维护类型">
                        </el-table-column>
                        <el-table-column prop="time" label="周期(天)">
                        </el-table-column>
                        <el-table-column prop="date" label="最近维护日期" width="120">
                        </el-table-column>
                        <el-table-column prop="yuzhi" label="阀值">
                        </el-table-column>
                        <el-table-column prop="canshu" label="阀值参数">
                        </el-table-column>
                        <el-table-column prop="shijizhi" label="实际值">
                        </el-table-column>
                        <el-table-column prop="content" label="内容" width="120">
                        </el-table-column>
                        <el-table-column prop="yesOrno" label="是否故障">
                        </el-table-column>
                    </el-table>
            </div>
            <div class="deviceInfo">
                 <p>设备档案</p>
                 <el-table :data="dataList" style="width: 100%">
                    <el-table-column type="index" fixed>
                    </el-table-column>
                    <el-table-column prop="name" label="任务序列号" width="120">
                    </el-table-column>
                    <el-table-column prop="check" label="相关雷达站" width="120" fixed>
                    </el-table-column>
                    <el-table-column prop="zhouqi" label="相关海事局" width="120">
                    </el-table-column>
                    <el-table-column prop="time" label="报告类型">
                    </el-table-column>
                    <el-table-column prop="date" label="归档时间" width="120">
                    </el-table-column>
                    <el-table-column prop="yuzhi" label="知识库搜索关键字" width="200">
                    </el-table-column>
                    <el-table-column prop="canshu" label="相关设备">
                    </el-table-column>
                    <el-table-column prop="shijizhi" label="工作报告">
                    </el-table-column>
                    <el-table-column prop="content" label="操作" width="120">
                    </el-table-column>
                </el-table>
            </div>
        </div>
    </div>
</template>
<script>
    import deviceDetail from './js/deviceDetail.js';
	export default deviceDetail
</script>
<style scoped lang="scss">
  @import "./scss/deviceDetail.scss";
</style>
